<#include "/WEB-INF/template/common/layout/m_layout.ftl"/>
<@m_layout>
<div class="page">
    <header class="bar bar-nav">
        <button class="button button-link button-nav pull-left">
            <span class="icon icon-left"></span>
            返回
        </button>
        <title class="title">商品详情</title>
    </header>
    <@bottom_menu_bar module="product"/>
    <div class="content">
        <div class="swiper-container" data-space-between='10'>
            <div class="swiper-wrapper">
                <#list m.getPics() as item>
                    <div class="swiper-slide"><img src="${CONTEXT_PATH}/down${item.imgurl!}" alt="" style="width:auto; height: 200px; "></div>
                </#list>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="card">
        <p>商品名称:${m.name!}</p>
        <p>价格:${m.price!}￥</p>
        <p>品牌:${m.getBrand().brandname!}￥</p>
        <p>产品类别:${m.getCategroy().categoryname}</p>
        </div>
        <div class="content-block-title">产品详情</div>
        <div class="content-padded">
            ${m.detail!}
        </div>
    <@m_script>
        <script type="text/javascript">
            $.init();
        </script>
    </@m_script>
</div>
</@m_layout>